$(function() {
    // 1.用户退出登录
    let layer = layui.layer
    $("#logout").on("click", function() {
            layer.confirm('确定退出登录吗?', { icon: 3, title: '提示' }, function(index) {
                location.href = "/login.html";
                localStorage.removeItem("token")
                layer.close(index);
            });
        })
        // 需求2 渲染用户名和头像
    getUserInfo()
})

// 获取用户信息,渲染用户名和头像
//后面还要用,封装成全局函数
// 写到入口函数外面
function getUserInfo() {
    axios({
        method: "GET",
        url: "/my/userinfo",
        /* headers: {
            Authorization: localStorage.getItem("token")
        } */
    }).then(res => {
        // console.log(res.data);
        let obj = res.data
        if (obj.status !== 0) {
            return layer.msg(obj.message)
        }
        // 渲染用户名和头像
        renderUserInfo(obj.data)
    })
}
// 
function renderUserInfo(user) {
    // 欢迎名称有要求,优先赋值用户昵称,不存在才赋值登陆用户名
    let name = user.nickname || user.username
        // 欢迎 赋值
    $(".welcome").html(`欢迎 ${name}`)
        // 判断用户有没有头像,查看获取用户信息中的user_pic 值 是否为空
    if (user.user_pic == null) {
        // 没有头像时,文字显示,图片头像隐藏
        $(".avatar-text").show().html(name[0].toUpperCase())
        $(".avatar-img").hide()
    } else {
        // 有头像时,文字隐藏,图片头像显示
        $(".avatar-text").hide()
        $(".avatar-img").show().attr("src", user.user_pic)
    }

}